<template>
	<div class="footer-box">
		<div class="container">
			<div class="footer-top">
				<div class="footer-item">
					<h2 class="footer-item-title">功能特点</h2>
					<ul class="footer-ul">
						<li class="footer-li"><a href="javascript:;" @click="selectnav('dimension-box')">评级模型</a></li>
						<li class="footer-li"><a href="javascript:;" @click="selectnav('adviser-team-box')">学术研究</a></li>
					</ul>
				</div>
				<div class="footer-item">
					<h2 class="footer-item-title">资源</h2>
					<ul class="footer-ul">
						<li class="footer-li"><a href="#/news">新闻报道</a></li>
						<li class="footer-li"><a href="javascript:;" @click="selectnav('dimension-box')">数据分析</a></li>
						<li class="footer-li"><a href="javascript:;" @click="selectnav('adviser-team-box')">合作伙伴</a></li>
					</ul>
				</div>
				<div class="footer-item">
					<h2 class="footer-item-title">关于</h2>
					<ul class="footer-ul">
						<li class="footer-li"><a href="javascript:;" @click="selectnav('adviser-team-box')">团队成员</a></li>
						<li class="footer-li"><a href="#">工作机会</a></li>
						<li class="footer-li"><a href="#/privacy">隐私声明</a></li>
					</ul>
				</div>
			</div>
			<div class="footer-bootom">
				版权所有©互动实验室有限公司
			</div>
		</div>
		
	</div>
</template>
<script>
	export default{
		methods:{
			Anchors(id){
				$('html,body').animate({scrollTop: $("#"+id).offset().top-200}, 500);
			},
			selectnav(id){
				if(this.$route.name =='Home'){
					$('html,body').animate({scrollTop: $("#"+id).offset().top-200}, 500);
					return;
				}
				let selectedindex = id;
				localStorage.setItem('id',selectedindex);
				this.$router.push({name:'Home'});
				
			}
		}
	}
</script>
<style scoped="scoped">
	.footer-box{
		width: 100%;
		background-color: #141519;
		overflow: hidden;
		color: #FFFFFF;
	}
	.footer-item{
		margin-top: 20px;
		margin-bottom: 20px;
		float: left;
		width: 33.33%;
		text-align: center;
		height: 244px;
		border-right: 1px solid #505050;
	}
	.footer-item:last-child{
		border: none;
	}
	.footer-item-title{
	    font-size: 18px;
	    margin: 20px 0 50px 0;
	}
	.footer-ul{
		list-style: none;
		padding: 0;
	}
	.footer-ul li{
		margin-bottom: 15px;
		color: #7d7d7d;
	}
	.footer-ul li a{
		color: #7d7d7d;
		text-decoration: none;
	}
	.footer-top{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.footer-bootom{
		width: 100%;
		border-top: 1px solid #505050;
		text-align: center;
		line-height: 40px;
		font-size: 14px;
		color: #7D7D7D;
	}
</style>